// @import '../../../common/Inneracceptance/Inneracceptance.wxss';





.pavingcontract {
  padding-bottom: 296rpx;
}
.productItem {
  padding: 0 32rpx;
  margin-top: 56rpx;
  border-bottom: 2rpx solid rgba(19, 1, 1, 0.1);
}
.productItem:last-child {
  border-bottom: 0rpx solid rgba(19, 1, 1, 0.1);
}
.productItem .title {
  font-size: 28rpx;
  font-weight: bold;
}
.productItem .modelBox {
  margin-top: 24rpx;
  margin-bottom: 60rpx;
  border-bottom: 2rpx solid rgba(19, 1, 1, 0.1);
  padding-bottom: 32rpx;
}
.productItem .modelBox:last-child {
  border-bottom: 0rpx solid rgba(19, 1, 1, 0.1);
}
.productItem .mesage {
  display: flex;
  justify-content: space-between;
}
.productItem .mesage view {
  font-size: 28rpx;
}
.productItem .mesage view:nth-child(1) {
  color: #797A7C;
}
.productItem .image {
  display: flex;
  margin-top: 32rpx;
  flex-wrap: wrap;
}
.productItem .image image {
  flex-shrink: 0;
  margin-right: 15rpx;
  width: 160rpx;
  height: 160rpx;
  border-radius: 8rpx;
  margin-top: 10rpx;
}
.productItem .image image:nth-child(4n-4) {
  margin-right: 0rpx;
}
.productItem .modelBoxtitle {
  margin-top: 24rpx;
  margin-bottom: 60rpx;
  border-bottom: 2rpx solid rgba(19, 1, 1, 0.1);
  padding-bottom: 32rpx;
  display: flex;
  justify-content: space-between;
}
.productItem .modelBoxtitle .input {
  width: 200rpx ;
  border-bottom: 2rpx solid black;
}
.productItem .modelBoxtitle .placeholder {
  font-size: 28rpx;
  color: #CACACA;
}
.btnbox {
  width: 750rpx;
  height: 196rpx;
  background: #FFFFFF;
  box-shadow: 0rpx 8rpx 48rpx 0rpx rgba(1, 7, 19, 0.15);
  border-radius: 32rpx 32rpx 0rpx 0rpx;
  position: fixed;
  bottom: 0;
  left: 0;
}
.btnbox .btn {
  width: 686rpx;
  height: 88rpx;
  background: #D6000F;
  border-radius: 44rpx;
  text-align: center;
  line-height: 88rpx;
  font-size: 32rpx;
  font-weight: bold;
  color: #FFFFFF;
  margin: 24rpx auto;
}
.pavingcontract .up-cover {
  width: 686rpx;
  margin: 0 auto;
  box-sizing: border-box;
  padding-bottom: 20rpx;
}
.pavingcontract .up-cover-title {
  font-size: 30rpx;
  font-weight: 400;
  color: black;
  padding-top: 56rpx;
}
.pavingcontract .up-cover-unplone {
  margin-top: 20rpx;
  padding-bottom: 40rpx;
  border-bottom: 2rpx solid rgba(19, 1, 1, 0.1);
}
.pavingcontract .up-cover-imglist {
  width: 686rpx;
  height: auto;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 36rpx;
  /* padding-bottom: 23rpx; */
  /* border-bottom: 1rpx solid #DBD9D9; */
}
.pavingcontract .up-cover-list {
  width: 160rpx;
  height: 160rpx;
  border-radius: 8rpx;
  margin-bottom: 16rpx;
  margin-right: 16rpx;
  position: relative;
}
.pavingcontract .up-coverremove-img {
  position: absolute;
  right: -5rpx;
  top: -6rpx;
  color: white;
  width: 40rpx;
  height: 40rpx;
}
.pavingcontract .up-cover-list .up-coverremove-img image {
  width: 40rpx;
  height: 40rpx;
}
.pavingcontract .up-cover-list:nth-child(4n) {
  margin-right: 0rpx;
}
.pavingcontract .up-cover-list image {
  width: 160rpx;
  height: 160rpx;
}
.pavingcontract .up-cover-content {
  width: 160rpx;
  height: 160rpx;
  box-sizing: border-box;
  border: 1px dashed #CCCCD0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pavingcontract .up-cover-jia {
  width: 40rpx;
  height: 2rpx;
  background: #CCCCD0;
  border-radius: 1rpx;
  position: relative;
}
.pavingcontract .up-cover-jia::before {
  position: absolute;
  top: -20rpx;
  left: 20rpx;
  content: '';
  width: 2rpx;
  height: 40rpx;
  background: #CCCCD0;
  border-radius: 1rpx;
}
.pavingcontract .cover-xx {
  width: 686rpx;
  height: auto;
  margin: 0 auto;
}
.pavingcontract .cover-xx-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 32rpx;
  padding-bottom: 32rpx;
  border-bottom: 1rpx solid #E7E5E5;
  position: relative;
}
.pavingcontract .Company {
  position: absolute;
  right: 0;
  top: 32rpx;
}
.pavingcontract .cover-xx-list image {
  width: 40rpx;
  height: 40rpx;
}
.pavingcontract .cover-xx-list-title {
  font-size: 28rpx;
  font-weight: 400;
  color: #898989;
}
.pavingcontract .cover-xx-list input {
  font-size: 28rpx;
  font-weight: 400;
  color: #000000;
  text-align: right;
  /* padding-right: 48rpx; */
  min-width: 343rpx;
}
.pavingcontract .cover-xx-list .picker{
  font-size: 28rpx;
  font-weight: 400;
  color: #000000;
  text-align: right;
  min-width: 343rpx;

}
.pavingcontract .cover-xx-sm {
  font-size: 24rpx;
  font-weight: 400;
  color: #7F7F7F;
  line-height: 36rpx;
  margin-top: 32rpx;
  padding-bottom: 220rpx;
}
.pavingcontract .c-createone-bjorpd {
  z-index: 500;
  width: 750rpx;
  height: 196rpx;
  background: #FFFFFF;
  box-shadow: 0px 8px 48px 0px rgba(1, 7, 19, 0.15);
  border-radius: 32px 32px 0px 0px;
  position: fixed;
  bottom: 0;
  display: flex;
  justify-content: center;
  padding-top: 24rpx;
  box-sizing: border-box;
}
.pavingcontract .createone-next {
  width: 333rpx;
  height: 88rpx;
  background: #D6000F;
  border-radius: 44rpx;
  text-align: center;
  line-height: 88rpx;
  margin-left: 20rpx;
  font-size: 32rpx;
  font-weight: bold;
  color: #FFFFFF;
}
.pavingcontract .createone-seve {
  width: 333rpx;
  height: 88rpx;
  background: #D6000F;
  border-radius: 44rpx;
  text-align: center;
  line-height: 88rpx;
  font-size: 32rpx;
  font-weight: bold;
  color: #FFFFFF;
}
.pavingcontract .createone-an-color {
  background-color: #818089;
}
.successMask {
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  left: 0;
  top: 0;
  width: 750rpx;
  height: 100vh;
  z-index: 700;
  display: flex;
  justify-content: center;
  align-items: center;
}
.successMask .successContent {
  width: 654rpx;
  height: 764rpx;
  background: #FFFFFF;
  border-radius: 32rpx;
  padding: 112rpx 0 73rpx 0;
  box-sizing: border-box;
}
.successMask .successContent image {
  width: 364rpx;
  height: 303rpx;
  display: block;
  margin: 0 auto;
}
.successMask .successContent .text {
  margin-top: 60rpx;
  font-weight: bolder;
  font-size: 48rpx;
  text-align: center;
  margin-bottom: 78rpx;
}
.successMask .successContent .btn {
  width: 590rpx;
  height: 80rpx;
  background: #D6000F;
  border-radius: 44rpx;
  font-size: 32rpx;
  font-weight: bolder;
  color: #FFFFFF;
  line-height: 80rpx;
  text-align: center;
  margin: 0 auto;
}







.typeList{
  width: 750rpx;
height: 154rpx;
background: #FFFFFF;
display: flex;
align-items: center;
border-bottom: 2rpx solid rgba(14, 1, 1,.1);
.typeItem{
  flex: 1;
  .typeItem-text{
    margin: 0 auto;
    width: 228rpx;
height: 89rpx;

border-radius: 45rpx;
font-size: 36rpx;
font-weight: bolder;

line-height: 89rpx;
text-align: center;
line-height: 89rpx;

  }
  .avtivetext{
    background: #D60010;
  color: #FFFFFF;
  }
}
}
.workItem{
  // border-bottom: 16rpx solid rgb(244, 245, 249);
  padding:32rpx;
.workType{

  font-size: 28rpx;
  font-weight: bolder;

}
.image-Item{
  margin-top: 32rpx;

  display: flex;
  flex-direction: column;
  // align-items: center;
  justify-content: center;
  padding-bottom: 32rpx;
  border-bottom: 2rpx solid rgba(14, 1, 1,.1);
  image{
    width: 120rpx;
height: 120rpx;
border-radius: 50%;

  }
  text{
margin-top: 5rpx;
font-size: 28rpx;
color: #797A7C;
width: 138rpx;
text-align: center;
  }
}
}
.redcolor{
  
color: #D6000F !important;
}

.maskv{
  position: fixed;
  left: 0;
  top: 0;
  width: 750rpx;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  z-index: 100;
  .content{
    margin: 200rpx auto 0;
    width: 654rpx;
    height: 900rpx;
    background: #FFFFFF;
    border-radius: 32rpx;
    padding-top: 50rpx;
  }

image{
  width: 364rpx;
  height: 303rpx;
  margin:0 auto ;
  display: block;
}
.text{
  margin-top: 30rpx;
    font-weight: bolder;
    font-size: 48rpx;
    text-align: center;
    // margin-bottom: 78rpx;
}
.btn{
  width: 590rpx;
    height: 80rpx;
    background: #D6000F;
    border-radius: 44rpx;
    font-size: 32rpx;
    font-weight: bolder;
    color: #FFFFFF;
    line-height: 80rpx;
    text-align: center;
    margin: 30rpx auto 30rpx;

}
.btns{
  width: 590rpx;
  height: 80rpx;

  border: 2rpx solid #D6000F;
  border-radius: 44rpx;
  font-size: 32rpx;
  font-weight: bolder;
 
color: #D6000F;
  line-height: 80rpx;
  text-align: center;
  margin:   0rpx auto ;
}
}


.nopeople{
  margin-top: 318rpx;
text-align: center;
font-size: 36rpx;
color: #797A7C;
line-height: 54px;
}
.danwei{
  display: flex;
  font-size: 28rpx;
    font-weight: 400;
    text{
      font-size: 28rpx;
margin-left: 5rpx;
line-height: 44rpx;
    }
}

.bindshow{
  width: 317rpx;
height: 44rpx;
background: #EEEFF2;
border-radius: 15rpx;
margin: 0 auto;
image{
  width: 44rpx;
  height: 44rpx;
  display: block;
  margin: 0 auto;

  // background: #000000;
}
}


.hidelis{
  max-height: 346rpx;
  overflow: hidden;
  transition:all 0.3s ;
}
.showlis{
  transition:all 0.3s ;
  max-height: 1000000rpx;
  overflow: hidden;
}


.danwei{
  display: flex;
  font-size: 28rpx;
    font-weight: 400;
    text{
      font-size: 28rpx;
margin-left: 5rpx;
line-height: 44rpx;
    }
}

.workItem-title{
font-size: 36rpx;
font-weight: bolder;
color: #130101;
line-height: 54px;
padding: 56rpx 32rpx 32rpx 32rpx;
border-bottom: 2rpx solid rgba(19, 1, 1,.1);
}
.listtop{
  border-top: 16rpx solid #F4F5F9;
}
.zong{
  z-index: 10;
  width: 750rpx;
  height: 100rpx;
  display: flex;
  justify-content: space-between;
  padding: 0 30rpx;
  align-items: center;
  box-sizing: border-box;
  position: fixed;
  bottom: 193rpx;
  background: #F4F5F9;
  left: 0;
  .title{

font-size: 36rpx;
font-weight: bold;
  }
  .mondy{

font-weight: bolder;
color: #D6000F;
  }
}
.blurColor{
  color: #5470C6 !important;
}